<template>
  <view class="error-container">
    <view>
      <image src="http://www.huangjinya.top/xcx/wangluocuowu.png">
    </view>
    <view class="text-lg"
          style="margin-top:40upx">网络似乎出现了一点问题</view>
    <view style="margin-top:50upx"
          class="empty-btn">刷新试试</view>
  </view>
</template>
<script>
export default {
  data () {
    return {
      btom: ""
    }
  },
  mounted () {
    this.btom = uni.getWindowInfo().windowHeight + "px"
    console.log(this.btom);
  }
}
</script>
<style lang="scss">
.error-container {
  position: relative;
  z-index: 999;
  padding-top: 50%;
  text-align: center;
  image {
    width: 100upx;
    height: 100upx;
  }

  .empty-btn {
    border-radius: 10upx;
    display: inline-block;
    padding: 10upx 40upx;
    color: $uni-color-green;
    background-color: $uni-color-team;
  }
}
</style>